<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style>
@charset "UTF-8";

#blanket,#blanket2 {
background-color:#666666;
   opacity: 0.65;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
}
#popUpDiv,#popUpDiv2 {
	position:fixed;
/*	background: #000; /* Old browsers */
	
	border-radius:20px;
	width:auto%;
	margin-left:30%;
	margin-right:30%;
	padding-bottom:0%;
	height:auto;
/*	border:5px solid #003366;*/
	z-index: 9002;
	top:120px;
	text-align:center;
	min-height:inherit;
	max-height:inherit;
}
.overlay {    
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position:relative;
    right: 0;
    top: 0;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -5px;
    text-align: center;
    text-decoration: none;
    top: -6px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
</style>
<script>
function textsizer(e){

var evtobj=window.event? event : e; //distinguish between IE's explicit event object (window.event) and Firefox's implicit.
var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode;
var actualkey=String.fromCharCode(unicode);
if (actualkey=="b"){
if(document.getElementById('blanket2').style.display == "block"){
document.getElementById('blanket2').style.display = "none";
document.getElementById('popUpDiv2').style.display = "none";
}
document.getElementById('blanket').style.display = "block";
document.getElementById('popUpDiv').style.display = "block";
//alert(120%);
}
if (actualkey=="s"){
if(document.getElementById('blanket').style.display == "block"){
document.getElementById('blanket').style.display = "none";
document.getElementById('popUpDiv').style.display = "none";
}
document.getElementById('blanket2').style.display = "block";
document.getElementById('popUpDiv2').style.display = "block";
}
}
document.onkeypress=textsizer;

function BuySell(parameter){
//alert(parameter);
if(parameter=='buy'){
document.getElementById('blanket').style.display = "block";
document.getElementById('popUpDiv').style.display = "block";
}
if(parameter=='sell'){
document.getElementById('blanket2').style.display = "block";
document.getElementById('popUpDiv2').style.display = "block";
}
}

function Close(){
	document.getElementById("popUpDiv").style.display = 'none';
	document.getElementById("blanket").style.display = 'none';
	document.getElementById("popUpDiv2").style.display = 'none';
	document.getElementById("blanket2").style.display = 'none';
}
</script>
</head>
<body >
  <!--  Is an Ajax popup-->
	<div id="blanket" class="overlay" style="display:none;"></div>
		<div id="popUpDiv" style="display:none; width:757px; left:-106px; top:131px; cursor:pointer; font-family: Helvetica, sans-serif; ">
			<div style="color:#000;">
         		
                <div id="login">
				<h2><span class="fontawesome-lock"></span>Change Password</h2>
				  
		<form name="form1" id="orderForm" method="post" action="./buy">
		<fieldset>
		                 <p><label for="nstr. Name">Old Password</label>
				<input type="password"   size="10" id="insname" name="insname"></input></p>
               <p> <label for="TotalQty" class="label-margin">New Password</label>
                <input type="password"   size="10" id="qt" name="qt" style="margin-left:11px;"></input></p>
              <p>  <label for="TotalQty" class="label-margin">Confirm Password</label>
                <input type="password"  id="ql1" name="ql1"  size="10"/></p>
          
               
   				<input type="button" id="submit" value="Save" onclick="Close();"/>
			</fieldset>
		</form>
	</div>  
            </div>
     <a class="close" href="#close" onclick="Close();"></a>
	</div>
   <div id="blanket2" class="overlay" style="display:none;"></div>
		<div id="popUpDiv2" style="display:none; width:757px; top:131px; left:-106px; cursor:pointer; font-family: Helvetica, sans-serif; ">
			<div style="color:#000;">
         		
                <div id="login">
				<h2><span class="fontawesome-lock"></span>Change Transaction Password</h2>
	
				<form name="form2" id="orderForm" method="post" action="./sell">
		<fieldset>
		   <p><label for="nstr. Name">Old Password</label>
				<input type="password"  size="10" id="insname" name="insname"></input></p>
               <p> <label for="TotalQty" class="label-margin">New Password</label>
                <input type="password"  size="10" id="qt" name="qt" style="margin-left:11px;"></input></p>
              <p>  <label for="TotalQty" class="label-margin">Confirm Password</label>
                <input type="password"  id="ql1" name="ql1" size="10" /></p>              
   				<input type="button" id="submit" value="Save" onclick="Close();"/>
			</fieldset>
		</form>	</div>  
            </div>
     <a class="close" href="#close" onclick="Close();"></a>
	</div>	 
       
    
       <!-- <div class="container" id="container">-->

<div><ul>
 <li><a title="Buy Order" class="href" target="_self"  onclick="BuySell('buy');" href="javascript:void(0)">Change Password</a><span></span>           
          </li>
                    <li>
                    <a title="Sell Order" class="href" target="_self" href="javascript:void(0);" onclick="BuySell('sell')">Change Transaction Password</a>
                    <span></span>                    </li>
</ul></div>
</body>
</html>